<template>
  <div class="recharge other_common">
    <table class="common">
      <tbody>
        <tr>
          <td class="tableleft" style="width: 30%">账户充值</td>
          <td>
            <input
              type="text"
              placeholder="请输入充值卡密"
              id="rechargeNum"
              style="width: 70%"
            />
          </td>
        </tr>
        <tr>
          <td class="tableleft"></td>
          <td>
            <button class="btn btn-primary rechargeBtn">充值</button>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {};
</script>

<style>
.recharge {
  padding-top: 20px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #fff;
  background-color: #04c;
  *background-color: #003bb3;
}
.btn:hover,
.btn:focus {
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn-primary {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
</style>
